<template>
  <div class="xbkdiv" v-title data-title="博客管理">
    <div class="left">
      <leftblog :index="index"></leftblog>
    </div>
    <div class="mianban">
      <gerenziliao v-if="gerenindex==0"></gerenziliao>
      <xieblog v-if="gerenindex==1"></xieblog>
      <wenzhangguanli v-if="gerenindex==2"></wenzhangguanli>
      <wodeguanzhu v-if="gerenindex==3"></wodeguanzhu>
      <wangpan v-if="gerenindex==4"></wangpan>
      <wodexiazai v-if="gerenindex==5"></wodexiazai>
      <wodeshoucang v-if="gerenindex==6"></wodeshoucang>
      <tuichu v-if="gerenindex==7"></tuichu>
    </div>
  </div>
</template>
<script>
import leftblog from "@/components/view/leftblog";
import gerenziliao from "@/components/gerenzhongxin/gerenziliao";
import xieblog from "@/components/blogitem/xieblog";
import tuichu from "@/components/gerenzhongxin/tuichu";
import wangpan from "@/components/gerenzhongxin/wangpan";
import wenzhangguanli from "@/components/blogitem/wenzhangguanli";
import wodeguanzhu from "@/components/gerenzhongxin/wodeguanzhu";
import wodeshoucang from "@/components/gerenzhongxin/wodeshoucang";
import wodexiazai from "@/components/gerenzhongxin/wodexiazai";
import { mapState, mapGetters, mapMutations, mapActions } from "vuex";

export default {
  data() {
    return {
      isActive: 0,
            index: this.$route.params.index,

    };
  },
  methods: {},
  components: {
    leftblog,
    wenzhangguanli,
    xieblog,
    wangpan,
    gerenziliao,
    wenzhangguanli,
    tuichu,
    wenzhangguanli,
    wodeguanzhu,
    wodeshoucang,
    wodexiazai
  },
  computed: {
    ...mapState(["leixing"]),
    ...mapState(["poot"]),
    ...mapState(["user"]),
    ...mapState(["gerenindex"])
  },
  mounted() {}
};
</script>
<style scoped>
.left {
  background-color: #161616;
  width: 130px;
  margin-top: 20px;
}
.mianban {
  margin: 20px;
  width: 1020px;
  background-color: #161616;
  height: 780px;
  padding: 20px;
  padding-top: 0;
}
.xbkdiv {
  margin-top: 20px;
  height: 800px;
  background-color: #1e1e1e;
  display: flex;
  justify-content: center;
}
</style>